import React from 'react'
import { useState } from 'react'
//本质就是一个高阶函数 接收一个组件为参数 返回一个加强后的新组件

/* 
hoc是什么 能做什么?
1.复用逻辑
2.渲染劫持
3.控制属性
*/

function addFn(Com) { //1.接收一个组件作为他的参数 == 形参
    //2.返回一个新组件
    return function hoccom() {
        let [qian,setQian] = useState(1000)
        //给每个组件添加fn方法
        let addqian = ()=>{
            setQian(qian+100)
        }

        return (
            <div>
                <h2>新组件标题</h2>
                <Com qian={qina} addqian={addqian}/>
            </div>
        )
    }
}

export default addFn

